import React, { useState,useEffect } from "react";
import axios   from 'axios';

// 反向代理 src下创建setupProxy.js
// 引入代理模块
// npm install http-proxy-middleware --save


//反向代理调用 卖座网电影信息
function App() {
  const [list, setlist] = useState([]);

  useEffect(() => {
    axios({
      method:"GET",
      url:"/gateway?cityId=310100&pageNum=1&pageSize=10&type=1&k=715684",
      headers:{
        "X-Host":"mall.film-ticket.film.list"
      }
    }).then(response=>{
      console.log(response);
      setlist(response.data.data.films);
    });
  }, []); // 传空数组，

  useEffect(() => {
    // axios.get()
  }, []);

  return (
    <div>
      <ul>
        {list.map((item) => (
          <li key={item.filmId}>{item.name}</li>
        ))}
      </ul>
    </div>
  );
}

export default App;